 body{
				background-color: #161823;
} 
			
			#lfte{
				position: absolute;
				width: 250px;
				top: 0;
				bottom: 0;
				background-color: #555769;
			}
			#main{
				position: absolute;
				top: 0;
				bottom: 0;
				left: 260px;
				width:81%;
				//height: 750px;
				background-color: #494b5a;
			}
			.chatli{
				width: 245px;
				height: 30px;
				color:	#cccccf;
				font-size: 12px;
				background-color: #555769;
				line-height: 25px;
				padding-left: 5px;
				border-bottom: 1px solid #161823;
			}
			.msg{
				height: 80px;
				background-color: #555769;
			}
			.msg:hover{
				height: 80px;
				background-color: #454655;
			}
			.tou{
				margin-top:10px ;
				margin-left: 5px;
				border-radius: 50%;
			}
			.touname{
				position: relative;
				left: 75px;
				top: -55px;
				width: 170px;
				color: white;
			}
			.chatmsg{
				font-size: 12px;
				color:	#cccccf;
			}
			.chatname{
				width: 100%px;
				height: 30px;
				color:	#cccccf;
				font-size: 18px;
				background-color: #555769;
				line-height: 25px;
				padding-left: 5px;
				text-align: center;
			}
			.san {
				position: absolute;
				right:20px;
				color: #F5F5F5;
			}
			#chat{
				overflow: auto;
				height: 500px;
			}
			#sand{

				height: 215px;
				border-top: 1px solid #161823;
			}
			.emj{
				height: 50px;
			}
			.iimg{
				margin:8px 2px 2px 12px;
				display: inline-block;
			}
			.foot{
				position: relative;
				height: 50px;
			}
			textarea{
				border: none;
				resize: none;
				overflow-y: visible;
				margin-left: 10px;
				width: 97%;
				height: 110px;
				font-size: 18px;
				color:	#cccccf;
				background-color: #494b5a;
				overflow: auto;
			}
			.footcont{
				color:	#cccccf;
				position: absolute;
				top: 7px;
				left: 1020px;
			}
			.layui-icon:hover {
			color: #FF1493 !important;
			}
			.tips{
				margin: 8px 0 8px 0;
				width: 100%;
				color: #cccccf;
				text-align: center;
			}
			.leftuser{
				width: 500px;
				display: flex;
			}
			.lefttou{
				border-radius: 50%;
				float: left;
				margin: 8px 1px 8px 20px;
			}
			.chatCont{
				margin-top: 10px;
				margin-left: 8px;
				padding:15px 15px 15px 15px;
				font-size: 20px;
				color:#cccccf;
				background: #25272f;
				border-radius: 0 15px 15px 15px;
			}
			.rightuser{
				position: relative;
				right: -55%;
				justify-content:flex-end;
				width: 500px;
				display: flex;
			}
			.rightusertou{
				border-radius: 50%;
				margin: 8px 1px 8px 20px;
			}
			.rightuserchatCont{
				margin-top: 10px;
				margin-left: 8px;
				padding: 15px 15px 15px 15px;
				font-size: 20px;
				color:white;
				background: #FF1493;
				border-radius: 15px 0 15px 15px;
			}
			.fatu{
				width: 280px;
				height: auto;
				margin-top: 10px;
				margin-left: 8px;
				padding: 15px 15px 15px 15px;
			}
			#emote{
				position: absolute;
				top: 220px;
				left: 20px;
				width: 400px;
				height: 300px;
				border-radius:25px 25px 25px 25px;
				background: #383945;
				box-shadow: -1px 1px 1px rgba(255, 255, 255, 0.3); /* 阴影 */
			}
			.emotile{
				color: #cccccf;
				height: 40px;
				border-bottom: 1px  #808082 solid;
				margin: 0 5px 0 5px;
			}
			strong{
				position: relative;
				top: 10px;
				font-size: 15px;
				padding: 0 0 0 10px;
			}
			.soya{
				float: left;
				padding: 5px 2px 2px 5px;
			}
			.soya:hover{
				float: left;
				background: #292a33;
				padding: 5px 2px 2px 5px;
			}